<template>
  <div class="wrap">
    <a-card class="card_files_type">
      <FilesType></FilesType>
    </a-card>
    <a-card class="card_files_content">
      <FilesContent></FilesContent>
    </a-card>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'files'
})
</script>
<script lang="ts" setup>
// 引入
import FilesType from './modules/filesType/index.vue'
import FilesContent from './modules/filesContent/index.vue'
</script>

<style scoped>
.wrap {
  padding: 14px;
  display: flex;
}

.wrap .card_files_type {
  width: 220px;
  margin-right: 14px;
}
/* .wrap .titel_box {
  padding: 0px 0px 14px 0px;
} */

::v-deep .arco-space {
  width: 100%;
}

::v-deep .arco-divider {
  margin: 8px 0px;
}

.wrap .titel_box .title {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
}

.wrap .card_files_content {
  height: 87vh;
  width: 1425px;
}
</style>